<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8">
		<title>我的-我的优惠券-百台云 - 直播你的梦想（https://www.100ytv.com）</title>
		<meta name="keywords" content="百台云">
		<meta name="description" content="百台云">
		<meta name="Copyright" content="百台云 All Rights Reserved">
		<meta name="Robots" content="All">
		<meta name="application-name" content="百台云 www.luoanziben.com">
		<meta name="msapplication-tooltip" content="百台云 www.luoanziben.com">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<!--title小图标显示-->
		<link rel="icon" href="images/ico-logo.png" type="image/x-icon">
		<link rel="shortcut icon" href="images/ico-logo.png">
		<link rel="Bookmark" href="images/ico-logo.png">
		<!--样式文件-->
		<link rel="stylesheet" type="text/css" href="css/aui.css" />
		<link rel="stylesheet" type="text/css" href="css/bty.css" />
	</head>

	<body>
		<!--start:header头部-->
		<header id="bty_header" class="aui-bar aui-bar-nav">
	        <a onclick="javascript:history.back(-1);" class="aui-pull-left aui-btn"> <span class="aui-iconfont aui-icon-left"></span> </a>
	        <div class="aui-title" id="navTitle">我的优惠券</div>
	    </header>
		<!--end:header头部--->

		<!--start:内容区域-->
		<div class="aui-tab" id="tab">
		    <div class="aui-tab-item bg-white aui-active">未使用</div>
		    <div class="aui-tab-item bg-white">已使用</div>
		    <div class="aui-tab-item bg-white">已过期</div>
		</div>
		
		<div id="" class="bg-white aui-margin-t-10">
			<div id="tab1" class="itemPad aui-padded-10" style="display: block;">
				未使用的优惠券
			</div>
			
			<div id="tab2" class="itemPad aui-padded-10" style="display: none;">
				已使用的优惠券
			</div>
			
			<div id="tab3" class="itemPad aui-padded-10" style="display: none;">
				已过期的优惠券
			</div>
		</div>
		<!--end:内容区域-->
	</body>
	<script type="text/javascript" src="js/api.js"></script>
	<script type="text/javascript" src="js/aui-slide.js"></script>
	<script type="text/javascript" src="js/aui-tab.js"></script>
	<script type="text/javascript" src="js/aui-pull-refresh.js"></script>
	<script type="text/javascript" src="js/aui-scroll.js"></script>
	<script src="js/placeholder.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/zepto.js" charset="utf-8"></script>
	<script type="text/javascript">
		//头部脚部占位div
 		$('#bty_header').after('<div style="height:'+ $('#bty_header').height()  +'px"></div>');

		var tab = new auiTab({
	        element:document.getElementById("tab"),
	        index:1,
	        repeatClick:false
	    },function(ret){
	        var itemsNum = document.getElementsByClassName('itemPad');
	        for(i=0;i<itemsNum.length;i++){ itemsNum[i].style.display = "none"; };
	        itemsNum[ret.index-1].style.display = "block";
	    });
	    
	</script>
</html>